/*���ͼ����л�*/
 #chart{
 	width: 100%;
 	height: 100%;
 	display: none;
 	position: absolute;
 	background-color: #161e29;
 }
 #main1{
	width: 980px;
	height: 440px;
	margin: 0px auto;
}
 #chart_one{
 	width: 300px;
	height: 300px;
	display: inline-block;
	position: relative;
	left: 240px;
	top: 60px;
 }
  #chart_two{
  	width: 300px;
	height: 300px;
	display: inline-block;
	position: relative;
	left: 300px;
	top: 60px;
  }
  .chartlegend{
		display: inline-block;
		background-color: #111822;
		position: absolute;
		left:35px ;
		top: 25px;
		border-radius: 20px;
		padding: 10px 20px 15px 20px;
		color: #ffffff;
	}
	.chartlegend h3{
		margin-bottom: -10px;
	}
	.chartlegend h5{
		margin-bottom: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	.chartlegend div span{
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
	}
	.chartlegend .fault_done{
		background-color: #ffe556;
	}
	.chartlegend .fault_undo{
		background-color: #fff9d7;
	}
	.chartlegend .event_done{
		background-color: #50f7e5;
	}
	.chartlegend .event_undo{
		background-color: #cdfffc;
	}
	.chartlegend .separate{
		margin-right: 25px;
	}
 #countGrid_box{
 	position: absolute;
 	width: 100%;
 	height: 100%;
 }
.change_show{
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 32px;
	width: 118px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #efefef inset;
	z-index: 3;
}
.change_show span{
	display: inline-block;
	width: 48%;
	height: inherit;
	text-align: center;
	position: absolute;
	z-index: 10;
	cursor: pointer;
}
.change_show .show_table{
	background: url(../easyui/themes/default/images/showtable_click.png) center center no-repeat;
	left: 0%;
}
.change_show .show_chart{
	background: url(../easyui/themes/default/images/showchart.png) center center no-repeat;
	left: 50%;
}
.show_active{
	background-color: #00d8df;
	width: 59px;
	border-radius: 5px;
	height: inherit;
	position: absolute;
	left: 0%;
	top: 0px;
}
.movecover_fromright{
	animation: movecover_fromright forwards 0.5s;
}
@keyframes movecover_fromright{
	from{left: 50%;}
	to{left: 0%;}
}
@-moz-keyframes movecover_fromright{
	from{left: 50%;}
	to{left: 0%;}
}
@-webkit-keyframes movecover_fromright{
	from{left: 50%;}
	to{left: 0%;}
}
@-ms-keyframes movecover_fromright{
	from{left: 50%;}
	to{left: 0%;}
}
.movecover_fromleft{
	animation: movecover_fromleft forwards 0.5s;
}
@keyframes movecover_fromleft{
	from{left: 0%;}
	to{left: 50%;}
}
@-moz-keyframes movecover_fromleft{
	from{left: 0%;}
	to{left: 50%;}
}
@-webkit-keyframes movecover_fromleft{
	from{left: 0%;}
	to{left: 50%;}
}
@-ms-keyframes movecover_fromleft{
	from{left: 0%;}
	to{left: 50%;}
}